<template>
	<view class="iconBox" :style="{width:size+'rpx',height:size+'rpx',fill:color}" v-html="icons[name]"></view>
</template>
 
<script>

	
	 
	export default {
		props:{
			name:{
				typeof:String,
				default:null,
			},
			size:{
				typeof:Number,
				default:40,
			},
			color:{
				typeof:String,
				default:'#333333',
			}
		}, 
		data() {
			return {
				icons:{
					music:`
						<svg  viewBox="0 0 1024 1024">
							<path d="M512 577.493333V128h341.333333v85.333333h-256v512a170.666667 170.666667 0 1 1-85.333333-147.84zM426.666667 810.666667a85.333333 85.333333 0 1 0 0-170.666667 85.333333 85.333333 0 0 0 0 170.666667z"></path>
						</svg>
					`,
					server:`
						<svg viewBox="0 0 1024 1024" ><path d="M942 32H82a50 50 0 0 0-50 50v180a50 50 0 0 0 50 50h860a50 50 0 0 0 50-50V82a50 50 0 0 0-50-50zM188.56 239.82A67.82 67.82 0 1 1 256.34 172a67.82 67.82 0 0 1-67.82 67.82zM942 372H82a50 50 0 0 0-50 50v180a50 50 0 0 0 50 50h860a50 50 0 0 0 50-50v-180a50 50 0 0 0-50-50zM188.56 579.82A67.82 67.82 0 1 1 256.34 512a67.82 67.82 0 0 1-67.82 67.82zM942 712H82a50 50 0 0 0-50 50v180a50 50 0 0 0 50 50h860a50 50 0 0 0 50-50v-180a50 50 0 0 0-50-50zM188.58 919.82a67.82 67.82 0 1 1 67.8-67.82 67.82 67.82 0 0 1-67.86 67.82z"></path></svg>
					`,
					user:`
						<svg viewBox="0 0 1024 1024"><path d="M511.808 512c121.344 0 219.84-100.352 219.84-224.128S633.152 63.808 511.808 63.808c-121.408 0-219.84 100.288-219.84 224.064s98.368 224.128 219.84 224.128z m302.848 139.84c-50.24-58.496-67.2-78.656-159.168-84.032h-287.04c-92.032 5.504-108.928 25.536-159.04 84.032-53.376 60.352-95.872 137.024-75.776 231.872 22.4 62.144 82.688 76.416 139.904 76.416H750.592c57.152 0 117.568-14.4 139.968-76.416 19.904-94.848-22.528-171.456-75.904-231.872z"></path></svg> 
					`,
					password:`
						<svg viewBox="0 0 1024 1024"><path d="M801.64864 418.816H366.6944V263.95136c0-51.27168 64.93184-108.2112 144.98304-108.2112 80.06144 0 144.98304 56.94464 144.98304 108.2112V310.38464h0.62976c3.9936 26.2656 27.52512 46.4384 55.89504 46.4384 28.57472 0 52.11136-20.1728 55.88992-46.4384h0.62976v-46.4384c0-119.56224-115.3536-216.63744-257.8176-216.63744-142.24896 0-257.60768 97.0752-257.60768 216.63744V418.816h-32.3584c-53.37088 0-96.65536 41.6-96.65536 93.0816v371.92192c0 51.27168 43.28448 92.87168 96.65536 92.87168h580.15232c53.58592 0 96.66048-41.6 96.66048-92.87168V511.8976c-0.22016-51.4816-43.92448-93.0816-97.08544-93.0816z m-241.84832 343.12192v42.24c0 26.69056-21.64736 48.11776-48.5376 48.11776a47.9744 47.9744 0 0 1-48.11776-48.11776v-42.24c-38.03136-17.2288-64.7168-54.21056-64.7168-96.65024 0-59.25888 50.64192-107.1616 112.83456-107.1616s112.62464 47.8976 112.62464 107.1616c0.41984 42.4448-26.05568 79.42144-64.08704 96.65024z"></path></svg>
					`,
					enter:`
						<svg viewBox="0 0 1024 1024" ><path d="M244.363636 556.939636h469.248l-184.762181 170.565819a34.909091 34.909091 0 1 0 47.36 51.29309l250.391272-231.121454a34.955636 34.955636 0 0 0 0-51.293091l-250.391272-231.121455a34.862545 34.862545 0 0 0-49.338182 1.95491 34.909091 34.909091 0 0 0 1.978182 49.338181l184.762181 170.565819H244.363636a34.909091 34.909091 0 1 0 0 69.818181"></path></svg>
					`,
					setting:`
						<svg viewBox="0 0 1026 1024"><path d="M565.70865 95.821039A329.700635 329.700635 0 0 0 180.716605 37.457883l153.587252 153.587252A99.319756 99.319756 0 0 1 191.97967 330.297577l-153.587252-153.587252a329.700635 329.700635 0 0 0 413.149708 460.761757l347.619148 347.619147a132.596994 132.596994 0 0 0 187.376447-187.376447L640.454446 450.607592A330.72455 330.72455 0 0 0 565.70865 95.821039z"></path></svg>
					`,
					search:`
						<svg viewBox="0 0 1024 1024"><path d="M1009.0112 935.936l-274.944-275.456a409.6 409.6 0 1 0-72.192 72.704l274.944 274.944a51.2 51.2 0 0 0 72.192-72.192z m-816.128-307.2A307.2 307.2 0 1 1 409.9712 716.8a307.2 307.2 0 0 1-217.088-89.088z" ></path></svg>
					`,
					sq:`
						<svg  viewBox="0 0 802 390">
							<path d="M38.09 -0.08L763.9 -0.08C784.75 -0.08 802 21.94 802 48.56L802 340.92C802 367.54 785.15 389.56 763.9 389.56L38.09 389.56C17.24 389.56 0 368.05 0 340.92L0 48.56C0 21.94 16.84 -0.08 38.09 -0.08ZM763.5 366C774.33 366 782.75 354.74 782.75 341.43L783.15 341.43L783.15 48.56C783.15 34.74 774.33 23.99 763.9 23.99L38.09 23.99C27.26 23.99 18.84 35.25 18.84 48.56L18.84 341.43C18.84 355.25 27.66 366 38.09 366L763.5 366ZM379.9 240.56C379.9 209.33 354.3 183.73 323.07 182.71C322.56 182.71 322.04 182.2 321.53 182.2L253.95 182.2C239.61 182.2 227.84 170.42 227.84 156.08C227.84 141.75 239.61 129.97 253.95 129.97C254.46 129.97 254.97 129.46 255.48 129.46C256 129.97 256.51 129.97 257.02 129.97L357.88 129.97C367.1 129.97 374.27 122.8 374.27 113.59C374.27 104.37 367.1 97.2 357.88 97.2L257.02 97.2C256.51 97.2 256 97.72 255.48 97.72C254.97 97.2 254.46 97.2 253.95 97.2C221.69 97.2 195.07 123.32 195.07 155.57C195.07 185.78 218.11 209.84 247.29 213.43C248.83 213.43 249.85 213.94 250.88 213.94L320.51 213.94C334.84 213.94 346.62 225.72 346.62 240.05C346.62 254.39 334.84 266.16 320.51 266.16L211.45 266.16C202.24 266.16 195.07 273.84 195.07 282.55C195.07 291.76 202.24 298.93 211.45 298.93L324.09 298.93C325.12 298.93 326.14 298.42 327.16 298.42C356.86 294.84 379.9 270.77 379.9 240.56ZM598.52 283.57L592.89 277.94C598.01 270.26 601.59 261.04 601.59 251.32L601.59 145.33C601.59 119.22 579.58 97.72 552.44 97.72L454.65 97.72C427.52 97.72 405.5 119.22 405.5 145.33L405.5 251.32C405.5 277.43 427.52 298.93 454.65 298.93L551.93 298.93C556.54 298.93 561.15 297.91 565.24 296.88L575.48 306.61C578.56 309.68 582.65 311.22 586.75 311.22C591.36 311.22 595.45 309.68 598.52 306.61C605.18 299.96 605.18 289.72 598.52 283.57ZM568.83 145.33L568.83 250.8C568.83 251.83 568.32 252.85 568.32 253.88L550.4 236.47C544.25 230.32 533.5 230.32 527.36 236.47C520.7 243.12 520.7 253.36 527.36 259.51L534.52 266.68L454.65 266.68C445.95 266.68 438.27 259.51 438.27 251.32L438.27 145.33C438.27 136.63 445.44 129.97 454.65 129.97L552.44 129.97C561.15 129.97 568.83 137.14 568.83 145.33Z" fill="#FF5757" fill-opacity="1.000000" fill-rule="evenodd"/>
						</svg> 
					`,
					hq:`
						<svg  viewBox="0 0 156 76">
							<path d="M148.59 0L7.41 0C3.27 0 0 4.29 0 9.48L0 66.51C0 71.8 3.35 76 7.41 76L148.59 76C152.72 76 156 71.7 156 66.51L156 9.48C156 4.29 152.64 0 148.59 0ZM152.25 66.61C152.25 69.2 150.61 71.4 148.51 71.4L7.41 71.4C5.38 71.4 3.66 69.3 3.66 66.61L3.66 9.48C3.66 6.89 5.3 4.69 7.41 4.69L148.59 4.69C150.61 4.69 152.33 6.79 152.33 9.48L152.33 66.61L152.25 66.61Z" fill="#489EE0" fill-opacity="1.000000" fill-rule="nonzero"/>
							<path d="M115.8 54.3L116.9 55.4C118.2 56.6 118.2 58.6 116.9 59.8C116.3 60.4 115.4 60.7 114.6 60.7C113.8 60.7 113 60.4 112.3 59.8L110.3 57.9C109.5 58.1 108.6 58.3 107.7 58.3L88.6 58.3C83.2 58.3 78.9 54.2 78.9 49.1L78.9 28.5C78.9 23.4 83.2 19.29 88.6 19.29L107.8 19.29C113.2 19.29 117.5 23.4 117.5 28.5L117.5 49C117.5 51 116.8 52.8 115.8 54.3ZM88.6 52L104.3 52L102.9 50.6C102.74 50.46 102.6 50.3 102.48 50.13C102.36 49.97 102.26 49.79 102.18 49.6C102.09 49.41 102.03 49.21 101.99 49.01C101.94 48.81 101.92 48.6 101.92 48.4C101.92 48.19 101.94 47.98 101.99 47.78C102.03 47.58 102.09 47.38 102.18 47.19C102.26 47 102.36 46.82 102.48 46.66C102.6 46.49 102.74 46.33 102.9 46.2C104.2 45 106.2 45 107.5 46.2L111 49.6C111 49.4 111.1 49.2 111.1 49L111.1 28.5C111.1 26.9 109.6 25.5 107.8 25.5L88.6 25.5C86.8 25.5 85.3 26.8 85.3 28.5L85.3 49C85.3 50.7 86.8 52 88.6 52ZM70 19C71.8 19 73.3 20.4 73.3 22.2L73.3 55.4C73.3 57.1 71.8 58.6 70 58.6C68.19 58.6 66.69 57.2 66.69 55.4L66.69 42L44.7 42L44.7 55.4C44.7 57.1 43.2 58.6 41.4 58.6C39.59 58.6 38.09 57.2 38.09 55.4L38.09 22.1C38.09 20.4 39.59 18.9 41.4 18.9C43.2 18.9 44.7 20.29 44.7 22.1L44.7 35.59L66.69 35.59L66.69 22.2C66.69 20.4 68.19 19 70 19Z" fill="#489EE0" fill-opacity="1.000000" fill-rule="nonzero"/>
						</svg>
					`,
					more:`
						<svg viewBox="0 0 1024 1024"><path d="M102.4 512m-102.4 0a102.4 102.4 0 1 0 204.8 0 102.4 102.4 0 1 0-204.8 0Z"></path><path d="M512 512m-102.4 0a102.4 102.4 0 1 0 204.8 0 102.4 102.4 0 1 0-204.8 0Z"></path><path d="M921.6 512m-102.4 0a102.4 102.4 0 1 0 204.8 0 102.4 102.4 0 1 0-204.8 0Z"></path></svg>
					`,
					play:`
						<svg viewBox="0 0 1024 1024"><path d="M128 138.666667c0-47.232 33.322667-66.666667 74.176-43.562667l663.146667 374.954667c40.96 23.168 40.853333 60.8 0 83.882666L202.176 928.896C161.216 952.064 128 932.565333 128 885.333333v-746.666666z"></path></svg>
					`,
					pause:`
						<svg viewBox="0 0 1024 1024"><path d="M128 106.858667C128 94.976 137.621333 85.333333 149.12 85.333333h85.76c11.648 0 21.12 9.6 21.12 21.525334V917.12c0 11.882667-9.621333 21.525333-21.12 21.525333H149.12A21.290667 21.290667 0 0 1 128 917.141333V106.88z m640 0c0-11.882667 9.621333-21.525333 21.12-21.525334h85.76c11.648 0 21.12 9.6 21.12 21.525334V917.12c0 11.882667-9.621333 21.525333-21.12 21.525333h-85.76a21.290667 21.290667 0 0 1-21.12-21.525333V106.88z"></path></svg>
					`,
					playlist:`
						<svg viewBox="0 0 1024 1024"><path d="M128 256h426.667c25.6 0 42.666-17.067 42.666-42.667s-17.066-42.666-42.666-42.666H128c-25.6 0-42.667 21.333-42.667 42.666S102.4 256 128 256z m0 298.667h307.2c25.6 0 42.667-17.067 42.667-42.667S460.8 469.333 435.2 469.333H128c-25.6 0-42.667 17.067-42.667 42.667S102.4 554.667 128 554.667z m166.4 209.066H128c-25.6 0-42.667 17.067-42.667 42.667S102.4 849.067 128 849.067h166.4c25.6 0 42.667-17.067 42.667-42.667S320 763.733 294.4 763.733z m503.467-12.8c-8.534 59.734-51.2 119.467-115.2 153.6-98.134 51.2-209.067 38.4-247.467-38.4-38.4-72.533 4.267-174.933 102.4-230.4 59.733-34.133 128-38.4 179.2-21.333V128c0-17.067 8.533-34.133 25.6-38.4 17.067-8.533 34.133-4.267 46.933 8.533l140.8 132.267c17.067 17.067 17.067 42.667 0 59.733-17.066 17.067-42.666 17.067-59.733 0l-68.267-64v507.734l-4.266 17.066z"></path></svg>
					`,
					prev:`
						<svg viewBox="0 0 1024 1024"><path d="M138.24 102.4H102.4c-20.48 0-35.84 15.36-35.84 35.84v752.64c0 15.36 15.36 30.72 35.84 30.72h35.84c20.48 0 35.84-15.36 35.84-35.84V138.24C168.96 117.76 153.6 102.4 138.24 102.4zM947.2 138.24c-20.48-30.72-61.44-40.96-92.16-20.48L296.96 445.44c-10.24 5.12-15.36 15.36-20.48 25.6-20.48 30.72-10.24 71.68 20.48 92.16l552.96 332.8c10.24 5.12 20.48 10.24 35.84 10.24 35.84 0 66.56-30.72 66.56-66.56v-665.6c5.12-15.36 0-25.6-5.12-35.84z"></path></svg>
					`,
					next:`
						<svg viewBox="0 0 1024 1024"><path d="M885.76 921.6L921.6 921.6c20.48 0 35.84-15.36 35.84-35.84l0-752.64c0-15.36-15.36-30.72-35.84-30.72l-35.84 0c-20.48 0-35.84 15.36-35.84000001 35.84L849.91999999 885.76C855.04 906.24 870.4 921.6 885.76 921.6zM76.8 885.76c20.48 30.72 61.44 40.96 92.16 20.48L727.04 578.56c10.24-5.12 15.36-15.36 20.48-25.6 20.48-30.72 10.23999999-71.68-20.48-92.16l-552.95999999-332.8c-10.24-5.12-20.48-10.24-35.84000001-10.24-35.84 0-66.56 30.72-66.56 66.56l0 665.6c-5.12 15.36 0 25.6 5.12 35.84z"></path></svg>
					`,
					loop:`
						<svg viewBox="0 0 1024 1024">
							<path d="M95.418182 644.654545c-2.327273 0-6.981818 2.327273-9.309091 2.327273-16.290909 0-32.581818-11.636364-37.236364-27.927273a372.363636 372.363636 0 0 1-11.636363-90.763636c0-90.763636 34.909091-174.545455 100.072727-239.709091 60.509091-60.509091 144.290909-100.072727 239.709091-100.072727h356.072727v-69.818182c0-20.945455 13.963636-30.254545 32.581818-18.618182l162.909091 104.727273c18.618182 11.636364 18.618182 30.254545 0 41.890909l-162.909091 100.072727c-18.618182 11.636364-32.581818 2.327273-32.581818-18.618181v-67.49091H374.690909c-144.290909 0-262.981818 118.690909-262.981818 262.981819 0 25.6 2.327273 48.872727 9.309091 72.145454v9.309091c2.327273 18.618182-9.309091 34.909091-25.6 39.563636z m879.709091-237.381818c9.309091 30.254545 11.636364 60.509091 11.636363 90.763637 0 90.763636-34.909091 174.545455-100.072727 239.709091-60.509091 60.509091-144.290909 100.072727-239.709091 100.072727H293.236364v67.490909c0 20.945455-13.963636 30.254545-32.581819 18.618182l-162.90909-104.727273c-18.618182-11.636364-18.618182-30.254545 0-41.890909l162.90909-100.072727c18.618182-11.636364 32.581818-2.327273 32.581819 18.618181v67.49091h356.072727c144.290909 0 262.981818-118.690909 262.981818-262.981819 0-25.6-2.327273-48.872727-9.309091-72.145454v-6.981818c0-20.945455 16.290909-37.236364 37.236364-37.236364 16.290909-4.654545 30.254545 6.981818 34.909091 23.272727z"></path>
						</svg>
					`,
					loopone:`
						<svg viewBox="0 0 1024 1024">
							<path d="M48.1 550.98C50.43 550.98 55.09 548.65 57.41 548.65C73.7 544 85.34 527.7 83.01 509.09L83.01 499.78C76.03 476.5 73.7 453.23 73.7 427.63C73.7 283.34 192.4 164.65 336.69 164.65L695.09 164.65L695.09 232.14C695.09 253.09 709.05 262.4 727.67 250.76L890.58 150.69C909.2 139.05 909.2 120.43 890.58 108.8L727.67 4.07C709.05 -7.57 695.09 1.74 695.09 22.69L695.09 92.5L339.01 92.5C243.6 92.5 159.81 132.07 99.3 192.58C34.14 257.74 -0.77 341.52 -0.77 432.29Q-0.67 455.34 2.24 478.03Q5.15 500.72 10.87 523.05C15.52 539.34 31.81 550.98 48.1 550.98ZM470.73 225.75C477.48 221.87 484.61 220 492.23 220C515.74 220 534.24 238.62 534.24 262.5L534.24 569.28C534.24 593.16 515.74 611.79 492.23 611.79C469.11 611.79 450.23 592.66 450.23 569.28L450.23 332.88L421.6 348.63C411.72 354.38 399.97 356.01 389.22 353.13C378.47 350.26 369.6 343.26 364.22 333.51C353.09 314.01 360.34 287.88 380.22 276.38L380.47 276.25L470.73 225.75ZM948.76 402.03C948.76 371.78 946.43 341.52 937.12 311.27C932.47 294.98 918.5 283.34 902.21 288C881.27 288 864.98 304.29 864.98 325.23L864.98 332.21C871.96 355.49 874.29 378.76 874.29 404.36C874.29 548.65 755.6 667.34 611.3 667.34L255.23 667.34L255.23 599.85C255.23 578.9 241.27 569.59 222.65 581.23L59.74 681.3C41.12 692.94 41.12 711.56 59.74 723.2L222.65 827.92C241.27 839.56 255.23 830.25 255.23 809.3L255.23 741.81L608.98 741.81C704.4 741.81 788.18 702.25 848.69 641.74C913.85 576.58 948.76 492.8 948.76 402.03Z" /> 
						</svg>
					`,
					looprandom:`
						<svg viewBox="0 0 1024 1024" >
							<path d="M747.093333 596.48a21.333333 21.333333 0 0 1 12.586667 4.096l133.888 97.792a21.333333 21.333333 0 0 1-0.106667 34.56l-133.909333 96.405333a21.333333 21.333333 0 0 1-33.813333-17.322666v-53.482667c-82.858667-0.789333-133.397333-24.896-178.709334-81.088 16.810667-24.192 32.597333-51.029333 47.808-80.554667 36.032 56.213333 68.885333 75.690667 130.901334 76.288V617.813333a21.333333 21.333333 0 0 1 21.333333-21.333333zM746.88 169.472a21.333333 21.333333 0 0 1 12.458667 4.010667l134.058666 96.298666a21.333333 21.333333 0 0 1 0.149334 34.56l-134.08 98.026667a21.333333 21.333333 0 0 1-33.92-17.237333v-55.296c-86.592 0.789333-118.784 37.824-175.381334 161.365333-6.357333 13.930667-9.749333 21.333333-12.906666 28.16-75.946667 164.16-153.642667 236.608-323.541334 239.232H128v-85.76h85.077333c129.152-1.984 182.784-51.989333 246.4-189.482667 3.072-6.656 6.357333-13.866667 12.757334-27.861333 69.141333-150.912 122.88-210.197333 253.333333-211.413333V190.805333a21.333333 21.333333 0 0 1 21.333333-21.333333zM213.76 244.074667c102.442667 1.578667 171.370667 28.544 226.602667 85.717333a981.12 981.12 0 0 0-42.432 82.133333c-44.693333-57.450667-97.493333-80.746667-184.832-82.112H128v-85.76h85.738667z"></path>
						</svg>
					`,
					like:`
						<svg  viewBox="0 0 1024 1024">
							<path d="M953.903525 374.597607c-0.539282 7.172353-1.065262 14.34573-1.620917 21.517059-2.868327 36.999682-13.000082 72.074525-29.305443 105.235786-26.372647 53.638641-59.652612 102.738919-98.68765 148.022265-42.319851 49.093115-88.287789 94.559633-136.064932 138.256854-45.841048 41.926902-93.324502 81.921801-141.966339 120.555703-12.014638 9.54233-25.199938 14.910595-40.799218 13.325493-10.536984-1.070378-19.735483-5.29254-27.90863-11.768021-86.809111-68.778456-170.041768-141.531434-246.068302-222.239594-43.699268-46.390563-82.991156-96.128361-114.648157-151.665235-18.669198-32.750915-34.576493-66.61928-41.974997-103.814414-2.946099-14.811334-4.137227-29.971615-6.131651-44.972261-0.206708-1.553379-0.448208-3.101641-0.673335-4.652973 0-8.378831 0-16.757662 0-25.136493 0.286526-1.685385 0.677429-3.361561 0.843204-5.059226 0.701988-7.181563 1.02126-14.415314 2.045589-21.548782 7.463995-51.965535 26.5374-99.119485 59.960627-139.835815 43.541679-53.043077 98.837052-85.024465 167.968549-91.090625 35.568077-3.121084 69.935816 2.306532 103.06433 15.488763 37.759999 15.025205 69.594031 38.372959 96.105848 69.071122 4.311189 4.992711 8.40953 10.168594 12.904914 15.621792 1.2689-1.573845 2.355651-2.871397 3.387144-4.209882 21.905916-28.40084 48.380894-51.52449 79.980589-68.560492C640.726803 102.114702 690.157609 93.252871 742.156914 102.019535c60.551074 10.208503 109.529579 40.862663 148.105153 88.101547 36.941354 45.237297 57.025785 97.480148 62.065568 155.578358 0.60989 7.024997 1.054005 14.06432 1.574868 21.097504C953.903525 369.396141 953.903525 371.997386 953.903525 374.597607zM898.728902 371.052874c-0.6191-8.346085-0.99363-16.718777-1.89721-25.03314-5.063319-46.553269-22.228257-88.057545-53.768601-122.822326-42.201148-46.514383-94.556563-69.004607-157.803026-62.721507-43.496653 4.320399-80.099293 23.566742-111.041002 54.027497-20.995173 20.669762-36.102243 45.25367-47.571459 72.210625-2.979868 7.003508-7.963369 11.42726-15.755846 11.453866-7.812943 0.026606-12.828167-4.431939-15.813151-11.397584-9.66615-22.556739-21.629623-43.738154-38.071084-62.10343-35.843346-40.037878-79.982636-63.324234-134.297682-65.148789-50.1594-1.684362-94.006024 15.162328-129.962957 49.536206-59.815317 57.181327-79.199807 127.835504-64.35061 208.373795 5.638417 30.582529 19.49296 58.090023 34.577516 84.993766 30.517037 54.429657 69.413929 102.484116 112.274086 147.477866 71.876004 75.453483 150.243863 143.722332 231.604892 208.66646 3.069919 2.450818 4.858658 2.50403 7.960299 0.030699 45.74895-36.479843 90.509387-74.122161 133.786029-113.508193 47.140647-42.902112 92.65833-87.404676 134.357034-135.719054 37.751812-43.741223 69.933769-91.109044 94.385671-143.530974C891.321188 435.866019 898.244878 404.190599 898.728902 371.052874z">
							</path>
						</svg>
					`,
					likecheck:`
						<svg viewBox="0 0 1024 1024" ><path d="M512.272 917.013l-59.765-59.765c-221.984-196.371-367.129-328.707-367.129-490.927 0-132.337 102.454-234.791 234.791-234.791 72.572 0 145.143 34.151 192.102 89.648 46.958-55.497 119.53-89.648 192.102-89.648 132.337 0 234.791 102.454 234.791 234.791 0 162.22-145.143 294.556-367.129 490.927l-59.765 59.765z"></path></svg>
					`,
					info:`
						<svg viewBox="0 0 1024 1024"><path d="M512 940.817067C275.182933 940.817067 83.182933 748.817067 83.182933 512 83.217067 275.182933 275.217067 83.182933 512 83.182933c236.817067 0 428.817067 192 428.817067 428.817067 0 236.817067-192 428.817067-428.817067 428.817067M512 0C230.4 0 0 230.4 0 512s230.4 512 512 512 512-230.4 512-512S793.6 0 512 0"></path><path d="M443.733333 307.2a68.266667 68.266667 0 1 0 136.533334 0 68.266667 68.266667 0 0 0-136.533334 0M512 409.6c-34.133333 0-68.266667 25.1904-68.266667 63.010133v283.579734c0 31.505067 27.306667 63.010133 68.266667 63.010133s68.266667-25.1904 68.266667-63.010133v-283.579734C580.266667 434.7904 546.133333 409.6 512 409.6"></path></svg>
					`,
					download:`
						<svg viewBox="0 0 1024 1024"><path d="M937.6 357.7c-38.5-42.6-88.8-72-144.2-84.4-11.7-53.1-39.6-101.4-80.3-138.5C664.3 90.3 601 65.9 535 65.9c-65.8 0-128.8 24.3-177.5 68.4-39.7 36-67.4 82.7-79.8 134.1-61.7 7-118.8 34.5-163.3 79-51.2 51.2-79.8 119-80.8 191.2-1 74.3 28 146.1 80.5 198.7 41.2 41.3 93.2 68 149.6 77.4 24 4 45.9-14.4 45.9-38.8v-1.4c0-19.3-14-35.6-33-38.8-92.4-15.7-162.9-96.4-162.9-193.2 0-108.1 87.9-196 196-196h1.7l36.3 0.3 3.8-36.1c10-94 88.9-164.9 183.6-164.9 95.3 0 174.3 71.4 183.7 166l3.2 32.3 32.2 3.5c99.4 10.8 174.4 94.6 174.4 194.8 0 96.8-70.6 177.4-162.9 193.2-19.1 3.3-33 20.1-33 39.5 0 24.8 22.3 43.5 46.8 39.4 55.9-9.5 107.4-36 148.4-76.9 52.1-52.1 80.8-121.4 80.8-195.1-0.1-68.4-25.3-134.1-71.1-184.8z"></path><path d="M557.1 795.1h-72c-2.2 0-4-1.8-4-4V553.8c0-22 18-40 40-40s40 18 40 40v237.3c0 2.2-1.8 4-4 4z"></path><path d="M498 729.1c11 16.5 35.2 16.5 46.2 0 5.2-7.7 13.8-12.3 23.1-12.3h63c22.2 0 35.4 24.8 23.1 43.2l-96.6 144.5c-9.5 14.3-22.2 22.1-35.7 22.1-13.5 0-26.2-7.9-35.7-22.1L388.8 760c-12.3-18.5 0.9-43.2 23.1-43.2h63c9.3 0 17.9 4.6 23.1 12.3z"></path></svg>
					`,
					addList:`
						<svg viewBox="0 0 1024 1024"><path d="M825.1392 796.706133v-98.6112c0-18.1248 14.779733-32.836267 33.006933-32.836266s33.006933 14.677333 33.006934 32.836266v98.6112h98.986666c18.193067 0 32.9728 14.711467 32.9728 32.8704a32.938667 32.938667 0 0 1-32.9728 32.8704h-98.986666v120.490667a32.938667 32.938667 0 0 1-33.006934 32.8704 32.938667 32.938667 0 0 1-33.006933-32.8704v-120.490667h-98.986667a32.938667 32.938667 0 0 1-32.9728-32.8704c0-18.158933 14.779733-32.8704 32.9728-32.8704h98.986667z m-164.9664 161.041067c18.2272 0 33.006933 14.677333 33.006933 32.8704a32.938667 32.938667 0 0 1-33.006933 32.836267H158.651733c-87.483733 0-158.378667-70.621867-158.378666-157.730134V158.0032c0-87.108267 70.894933-157.730133 158.378666-157.730133H743.765333c87.4496 0 158.378667 70.656 158.378667 157.730133v395.502933a32.938667 32.938667 0 0 1-33.006933 32.836267 32.938667 32.938667 0 0 1-33.006934-32.836267V158.0032a92.228267 92.228267 0 0 0-92.3648-92.023467H158.651733A92.228267 92.228267 0 0 0 66.218667 158.037333v707.720534a92.194133 92.194133 0 0 0 92.398933 92.023466H660.138667z m-395.946667-643.072h373.9648c18.193067 0 32.9728 14.711467 32.9728 32.8704a32.938667 32.938667 0 0 1-32.9728 32.8704H264.192a32.938667 32.938667 0 0 1-33.006933-32.8704c0-18.158933 14.779733-32.8704 33.006933-32.8704z m0 262.929067h373.9648c18.193067 0 32.9728 14.711467 32.9728 32.8704a32.938667 32.938667 0 0 1-32.9728 32.8704H264.192a32.938667 32.938667 0 0 1-33.006933-32.8704c0-18.158933 14.779733-32.8704 33.006933-32.8704z"></path></svg>
					`,
					nextPlay:`
						<svg viewBox="0 0 1024 1024"><path d="M701.703005 756.642421h167.672102c18.53218 0 33.53442 14.931642 33.53442 33.357924a33.463822 33.463822 0 0 1-33.53442 33.393223h-167.672102v166.860215a33.463822 33.463822 0 0 1-33.534421 33.357924 33.463822 33.463822 0 0 1-33.53442-33.357924v-166.860215h-167.672102a33.463822 33.463822 0 0 1-33.53442-33.393223c0-18.426281 15.03754-33.357923 33.53442-33.357924h167.672102v-166.860215c0-18.461581 15.03754-33.393223 33.53442-33.393223 18.53218 0 33.53442 14.931642 33.534421 33.393223v166.860215zM170.976678 1023.682305c-19.979455 0-39.888311-3.812334-57.149712-13.660863C85.940448 994.066117 70.620513 965.403013 70.620513 929.291737V87.436589C70.620513 56.832018 87.59952 28.027716 114.921247 12.390086c31.698852-18.179186 71.092971-16.273019 108.122031 5.153711 58.596987 33.958013 642.307698 391.576132 673.794754 411.237891 26.05095 16.20242 56.408425 50.266331 56.267227 92.837396-0.070599 23.968286-9.919129 58.491089-56.479024 87.012996l-68.480816 42.323968a33.675618 33.675618 0 0 1-46.206901-10.731014 33.287325 33.287325 0 0 1 10.801613-45.959806l68.692613-42.429867c11.225206-6.883381 24.568375-17.720294 24.603675-30.428074 0.035299-13.378469-12.70778-28.592506-24.780172-36.075976C830.96937 466.446137 244.752403 107.345445 189.297062 75.223c-15.672929-9.107243-30.604571-10.907511-40.947292-4.941915a20.191251 20.191251 0 0 0-10.660416 17.155504v841.855148c0 17.3673 6.706884 21.179634 9.530835 22.838705 18.390982 10.483919 59.655969 2.929849 82.882967-10.589817 7.659968-4.483023 36.46427-21.885622 130.113551-79.670723a33.605019 33.605019 0 0 1 46.136303 10.766314 33.252025 33.252025 0 0 1-10.801613 45.959806 10740.368851 10740.368851 0 0 1-131.666724 80.553208c-20.82664 12.107691-56.973215 24.533076-92.907995 24.533075z"></path></svg>
					`,
					delete:`
						<svg viewBox="0 0 1024 1024"><path d="M202.666667 256h-42.666667a32 32 0 0 1 0-64h704a32 32 0 0 1 0 64H266.666667v565.333333a53.333333 53.333333 0 0 0 53.333333 53.333334h384a53.333333 53.333333 0 0 0 53.333333-53.333334V352a32 32 0 0 1 64 0v469.333333c0 64.8-52.533333 117.333333-117.333333 117.333334H320c-64.8 0-117.333333-52.533333-117.333333-117.333334V256z m224-106.666667a32 32 0 0 1 0-64h170.666666a32 32 0 0 1 0 64H426.666667z m-32 288a32 32 0 0 1 64 0v256a32 32 0 0 1-64 0V437.333333z m170.666666 0a32 32 0 0 1 64 0v256a32 32 0 0 1-64 0V437.333333z"></path></svg>
					`,
					rightArrow:`
						<svg viewBox="0 0 1024 1024"><path d="M746.382 477.867l-409.6-364.089c-18.204-15.93-47.787-15.93-63.715 4.55-15.929 18.205-15.929 47.787 4.551 63.717L648.533 512 277.618 841.955c-18.205 15.93-20.48 45.512-4.551 63.716 9.102 9.102 20.48 15.929 34.133 15.929 11.378 0 20.48-4.551 29.582-11.378l409.6-364.089c9.103-9.102 15.93-20.48 15.93-34.133s-4.552-25.031-15.93-34.133z" ></path></svg>
					`,
					return:`
						<svg viewBox="0 0 1024 1024"><path d="M401.024 836.31a36.267 36.267 0 1 0 51.285-51.286L215.552 548.267h637.781a36.267 36.267 0 1 0 0-72.534H215.552l236.8-236.757a36.267 36.267 0 0 0-51.328-51.285L102.357 486.357a36.267 36.267 0 0 0 0 51.286l298.667 298.666z"></path></svg>
					`,
					loading:`
						<svg viewBox="0 0 1024 1024"><path d="M512 97c-11.4 0-20.8 9.3-20.8 20.8v166c0 11.4 9.3 20.8 20.8 20.8s20.8-9.3 20.8-20.8v-166c0-11.5-9.4-20.8-20.8-20.8zM247.9 218.6c-8.1-8.1-21.3-8.1-29.3 0s-8.1 21.3 0 29.3L336 365.3c8.1 8.1 21.3 8.1 29.3 0s8.1-21.3 0-29.3L247.9 218.6zM304.5 512c0-11.4-9.3-20.8-20.8-20.8h-166c-11.4 0-20.8 9.3-20.8 20.8s9.3 20.8 20.8 20.8h166c11.5 0 20.8-9.4 20.8-20.8zM335.9 658.7L218.6 776.1c-8.1 8.1-8.1 21.3 0 29.3 8.1 8.1 21.3 8.1 29.3 0L365.3 688c8.1-8.1 8.1-21.3 0-29.3s-21.3-8-29.4 0zM512 719.5c-11.4 0-20.8 9.3-20.8 20.8v166c0 11.4 9.3 20.8 20.8 20.8s20.8-9.3 20.8-20.8v-166c0-11.5-9.4-20.8-20.8-20.8zM688.1 658.7c-8.1-8.1-21.3-8.1-29.3 0s-8.1 21.3 0 29.3l117.4 117.4c8.1 8.1 21.3 8.1 29.3 0 8.1-8.1 8.1-21.3 0-29.3L688.1 658.7zM906.3 491.3h-166c-11.4 0-20.8 9.3-20.8 20.8s9.3 20.8 20.8 20.8h166c11.4 0 20.8-9.3 20.8-20.8s-9.4-20.8-20.8-20.8zM688.1 365.3l117.4-117.4c8.1-8.1 8.1-21.3 0-29.3s-21.3-8.1-29.3 0L658.7 335.9c-8.1 8.1-8.1 21.3 0 29.3s21.3 8.1 29.4 0.1z"></path></svg>
					`,
					moreSetting:`
						<svg viewBox="0 0 1024 1024" ><path d="M138.5 261.4h749c22.4 0 40.5-18.1 40.5-40.5s-18.1-40.5-40.5-40.5h-749c-22.4 0-40.5 18.1-40.5 40.5s18.1 40.5 40.5 40.5zM887.5 470.4h-749c-22.4 0-40.5 18.1-40.5 40.5s18.1 40.5 40.5 40.5h749c22.4 0 40.5-18.1 40.5-40.5s-18.1-40.5-40.5-40.5zM887.5 760.4h-749c-22.4 0-40.5 18.1-40.5 40.5s18.1 40.5 40.5 40.5h749c22.4 0 40.5-18.1 40.5-40.5s-18.1-40.5-40.5-40.5z"></path></svg>
					`,
					serverAddress:`
						<svg viewBox="0 0 1024 1024" ><path d="M890.6 445.3c40-54.8 71.4-118.7 71.4-169.1C962 158 866 62 747.9 62c-64.1 0-121.8 28.4-161.1 73.2-34.1-8.8-69.3-13.2-104.8-13.2-231.6 0-420 188.4-420 420s188.4 420 420 420 420-188.4 420-420c0-31.5-3.5-62.9-10.4-93.3-0.3-1.2-0.6-2.3-1-3.4zM842 542c0 30.2-3.7 59.5-10.8 87.6H702.3c2.8-25.7 4.4-52.2 4.7-79.5 15.2 9.4 29.2 14.8 40.9 14.8 22.2 0 57.1-24 92.2-59.8 1.3 12.2 1.9 24.5 1.9 36.9z m-720 0c0-30.2 3.7-59.5 10.8-87.6h128.9c-3.1 28.2-4.7 57.5-4.7 87.6 0 30.1 1.6 59.4 4.7 87.6H132.8c-7.1-28.1-10.8-57.4-10.8-87.6z m195 0c0-30.7 1.7-60 4.9-87.6H452v175.2H321.9c-3.2-27.6-4.9-56.9-4.9-87.6z m135-353.3v205.8H331.7c23.1-109.4 70.6-184 120.3-205.8z m0 500.9v205.8c-49.7-21.9-97.2-96.4-120.3-205.8H452z m60 205.7V689.6h120.3C609.2 798.9 561.7 873.5 512 895.3z m0-265.7V454.4h98.5c11.3 15.2 23.2 29.5 35.2 42.6 0.9 14.8 1.3 29.8 1.3 45 0 30.7-1.7 60-4.9 87.6H512zM747.9 122c85 0 154.1 69.1 154.1 154.1 0 83.8-121.2 215.9-154.6 228.4-34.8-10.7-153.6-145.1-153.6-228.4 0-85 69.1-154.1 154.1-154.1zM571.7 394.4H512V183.2c13.6 1.1 27 3 40.4 5.6-11.9 26.7-18.6 56.2-18.6 87.2 0 34.7 15.1 77 37.9 118.4zM342.5 210.1c-32.3 47.1-57.3 110.5-71.8 184.3h-117c37.3-82.7 105-148.9 188.8-184.3zM153.7 689.6h117.1c14.4 73.8 39.4 137.2 71.8 184.3-83.9-35.4-151.6-101.6-188.9-184.3z m467.8 184.3c32.3-47.1 57.4-110.5 71.8-184.3h117.1C773 772.3 705.3 838.5 621.5 873.9z" p-id="6136"></path><path d="M747.9 345.4c48.9 0 88.7-39.8 88.7-88.7S796.8 168 747.9 168s-88.7 39.8-88.7 88.7 39.8 88.7 88.7 88.7z m0-117.3c15.8 0 28.7 12.9 28.7 28.7s-12.9 28.7-28.7 28.7-28.7-12.9-28.7-28.7 12.9-28.7 28.7-28.7z"></path></svg>
					`,
					loginout:`
						<svg viewBox="0 0 1024 1024"><path d="M0 192v640c0 70.7 57.3 128 128 128h352c17.7 0 32-14.3 32-32s-14.3-32-32-32H128c-35.3 0-64-28.7-64-64V192c0-35.3 28.7-64 64-64h352c17.7 0 32-14.3 32-32s-14.3-32-32-32H128C57.3 64 0 121.3 0 192z" p-id="7985"></path><path d="M1013.3 535.7L650.9 863.3c-41.1 37.2-106.9 8-106.9-47.5V685c0-4.4-3.6-8-8-8H224c-17.7 0-32-14.3-32-32V379c0-17.7 14.3-32 32-32h312c4.4 0 8-3.6 8-8V208.1c0-55.5 65.8-84.7 106.9-47.5l362.4 327.6c14.1 12.8 14.1 34.8 0 47.5z"></path></svg>
					`,
					synch:`
						<svg viewBox="0 0 1024 1024"><path d="M168 504.2c1-43.7 10-86.1 26.9-126 17.3-41 42.1-77.7 73.7-109.4S337 212.3 378 195c42.4-17.9 87.4-27 133.9-27s91.5 9.1 133.8 27c40.9 17.3 77.7 42.1 109.3 73.8 9.9 9.9 19.2 20.4 27.8 31.4l-60.2 47c-5.3 4.1-3.5 12.5 3 14.1l175.7 43c5 1.2 9.9-2.6 9.9-7.7l0.8-180.9c0-6.7-7.7-10.5-12.9-6.3l-56.4 44.1C765.8 155.1 646.2 92 511.8 92 282.7 92 96.3 275.6 92 503.8c-0.1 4.5 3.5 8.2 8 8.2h60c4.4 0 7.9-3.5 8-7.8z m756 7.8h-60c-4.4 0-7.9 3.5-8 7.8-1 43.7-10 86.1-26.9 126-17.3 41-42.1 77.8-73.7 109.4S687 811.7 646 829c-42.4 17.9-87.4 27-133.9 27s-91.5-9.1-133.9-27c-40.9-17.3-77.7-42.1-109.3-73.8-9.9-9.9-19.2-20.4-27.8-31.4l60.2-47c5.3-4.1 3.5-12.5-3-14.1l-175.7-43c-5-1.2-9.9 2.6-9.9 7.7l-0.7 181c0 6.7 7.7 10.5 12.9 6.3l56.4-44.1C258.2 868.9 377.8 932 512.2 932c229.2 0 415.5-183.7 419.8-411.8 0.1-4.5-3.5-8.2-8-8.2z"></path></svg>
					`,
					edit:`
						<svg viewBox="0 0 1028 1024"><path d="M1018.319924 112.117535q4.093748 9.210934 6.652341 21.492179t2.558593 25.585928-5.117186 26.609365-16.374994 25.585928q-12.281245 12.281245-22.003898 21.492179t-16.886712 16.374994q-8.187497 8.187497-15.351557 14.32812l-191.382739-191.382739q12.281245-11.257808 29.167958-27.121083t28.144521-25.074209q14.32812-11.257808 29.679676-15.863275t30.191395-4.093748 28.656239 4.605467 24.050772 9.210934q21.492179 11.257808 47.589826 39.402329t40.425766 58.847634zM221.062416 611.554845q6.140623-6.140623 28.656239-29.167958t56.289041-56.80076l74.710909-74.710909 82.898406-82.898406 220.038979-220.038979 191.382739 192.406177-220.038979 220.038979-81.874969 82.898406q-40.937484 39.914047-73.687472 73.175753t-54.242167 54.753885-25.585928 24.562491q-10.234371 9.210934-23.539054 19.445305t-27.632802 16.374994q-14.32812 7.16406-41.960921 17.398431t-57.824197 19.957024-57.312478 16.886712-40.425766 9.210934q-27.632802 3.070311-36.843736-8.187497t-5.117186-37.867173q2.046874-14.32812 9.722653-41.449203t16.374994-56.289041 16.886712-53.730448 13.304682-33.773425q6.140623-14.32812 13.816401-26.097646t22.003898-26.097646z"></path></svg>
					`,
					plus:`
						<svg viewBox="0 0 1024 1024"><path d="M889.3 470.5H553.5V134.7c0-20.8-16.9-37.7-37.7-37.7h-7.5c-20.8 0-37.7 16.9-37.7 37.7v335.8H134.7c-20.8 0-37.7 16.9-37.7 37.7v7.5c0 20.8 16.9 37.7 37.7 37.7h335.8v335.8c0 20.8 16.9 37.7 37.7 37.7h7.5c20.8 0 37.7-16.9 37.7-37.7V553.5h335.8c20.8 0 37.7-16.9 37.7-37.7v-7.5c0.1-20.9-16.8-37.8-37.6-37.8z"></path></svg>
					`,
					close:`
						<svg viewBox="0 0 1024 1024"><path d="M512.001 15.678C237.414 15.678 14.82 238.273 14.82 512.86S237.414 1010.04 512 1010.04s497.18-222.593 497.18-497.18S786.589 15.678 512.002 15.678z m213.211 645.937c17.798 17.803 17.798 46.657 0 64.456-17.798 17.797-46.658 17.797-64.456 0L512.001 577.315 363.241 726.07c-17.799 17.797-46.652 17.797-64.45 0-17.804-17.799-17.804-46.653 0-64.456L447.545 512.86 298.79 364.104c-17.803-17.798-17.803-46.657 0-64.455 17.799-17.798 46.652-17.798 64.45 0l148.761 148.755 148.755-148.755c17.798-17.798 46.658-17.798 64.456 0 17.798 17.798 17.798 46.657 0 64.455L576.456 512.86l148.756 148.755z m0 0"></path></svg>
					`,
					remove:`
						<svg viewBox="0 0 1024 1024"><path d="M160 472h704a7.936 7.936 0 0 1 7.424 4.928c0.384 0.96 0.576 1.984 0.576 3.072v64a7.936 7.936 0 0 1-4.928 7.424 7.936 7.936 0 0 1-3.072 0.576h-704a7.936 7.936 0 0 1-7.36-4.928 7.936 7.936 0 0 1-0.64-3.072v-64a7.936 7.936 0 0 1 4.928-7.36 7.936 7.936 0 0 1 3.072-0.64z"></path></svg>
					`,
					musiclist:`
						<svg viewBox="0 0 1118 1024"><path d="M1070.670766 620.606061 46.670766 620.606061C20.977675 620.606061 0.125311 599.753697 0.125311 574.060606 0.125311 548.336485 20.977675 527.515152 46.670766 527.515152L1070.670766 527.515152C1096.363857 527.515152 1117.216221 548.336485 1117.216221 574.060606 1117.216221 599.753697 1096.363857 620.606061 1070.670766 620.606061ZM1070.670766 217.212121 419.034402 217.212121C393.341311 217.212121 372.488948 196.359758 372.488948 170.666667 372.488948 144.973576 393.341311 124.121212 419.034402 124.121212L1070.670766 124.121212C1096.363857 124.121212 1117.216221 144.973576 1117.216221 170.666667 1117.216221 196.359758 1096.363857 217.212121 1070.670766 217.212121ZM79.780099 327.835152C61.534281 346.08097 31.931372 346.08097 13.685554 327.835152 9.310281 323.428848 6.11416 318.339879 3.817918 312.971636 3.817918 312.940606 3.786887 312.909576 3.786887 312.909576 1.273433 306.920727 0.032221 300.590545 0.125311 294.198303L0.125311 48.09697C0.125311 47.693576 0.125311 47.321212 0.125311 46.917818L0.125311 46.545455C0.125311 42.97697 1.397554 39.842909 2.142281 36.522667 2.700827 34.288485 2.638766 31.961212 3.507614 29.820121 10.24119 12.412121 26.904463-0.03103 46.670766-0.03103 60.168948-0.03103 72.084584 5.926788 80.586887 15.080727L233.969675 137.619394C243.216705 146.866424 247.685069 158.999273 247.560948 171.132121 247.685069 183.26497 243.216705 195.428848 233.969675 204.644848L79.780099 327.835152ZM46.670766 930.909091 1070.670766 930.909091C1096.363857 930.909091 1117.216221 951.730424 1117.216221 977.454545 1117.216221 1003.147636 1096.363857 1024 1070.670766 1024L46.670766 1024C20.977675 1024 0.125311 1003.147636 0.125311 977.454545 0.125311 951.730424 20.977675 930.909091 46.670766 930.909091Z"></path></svg>
					`
				}
				
			}
		},
		 
		methods: {
			 
		}
	}
</script>
<style scoped lang="scss">
	.iconBox{
		display: inline-block;
		display: flex;
		align-items: center;
		justify-content: center;
		svg{
			width: 100%;
			height: 100%;
			fill: inherit;
		}
	} 
</style>
